<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>欢迎来到 Component B! :: Antora Docs</title>
    <meta name="generator" content="Antora 3.2.0-alpha.8">
    <link rel="stylesheet" href="../../_/css/site.css">
  </head>
  <body class="article">
<header class="header">
  <nav class="navbar">
    <div class="navbar-brand">
      <a class="navbar-item" href="../..">Antora Docs</a>
      <button class="navbar-burger" aria-controls="topbar-nav" aria-expanded="false" aria-label="Toggle main menu">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>
    <div id="topbar-nav" class="navbar-menu">
      <div class="navbar-end">
        <a class="navbar-item" href="#">Home</a>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link" href="#">Products</a>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="#">Product A</a>
            <a class="navbar-item" href="#">Product B</a>
            <a class="navbar-item" href="#">Product C</a>
          </div>
        </div>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link" href="#">Services</a>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="#">Service A</a>
            <a class="navbar-item" href="#">Service B</a>
            <a class="navbar-item" href="#">Service C</a>
          </div>
        </div>
        <div class="navbar-item">
          <span class="control">
            <a class="button is-primary" href="#">Download</a>
          </span>
        </div>
      </div>
    </div>
  </nav>
</header>
<div class="body">
<div class="nav-container" data-component="component-b" data-version="2.5">
  <aside class="nav">
    <div class="panels">
<div class="nav-panel-menu is-active" data-panel="menu">
  <nav class="nav-menu">
    <button class="nav-menu-toggle" aria-label="Toggle expand/collapse all" style="display: none"></button>
    <h3 class="title"><a href="index.html">Component B</a></h3>
<ul class="nav-list">
  <li class="nav-item" data-depth="0">
<ul class="nav-list">
  <li class="nav-item is-current-page" data-depth="1">
    <button class="nav-item-toggle"></button>
    <a class="nav-link" href="index.html">欢迎</a>
<ul class="nav-list">
  <li class="nav-item" data-depth="2">
    <a class="nav-link" href="xrefs-demo.html">交叉引用的演示</a>
  </li>
</ul>
  </li>
</ul>
  </li>
  <li class="nav-item" data-depth="0">
<ul class="nav-list">
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="module-one/overview.html">模块1概述</a>
  </li>
</ul>
  </li>
</ul>
  </nav>
</div>
<div class="nav-panel-explore" data-panel="explore">
  <div class="context">
    <span class="title">Component B</span>
    <span class="version">2.5-beta.1</span>
  </div>
  <ul class="components">
    <li class="component">
      <div class="title"><a href="../../component-a/1.6.0/source-code.html">Component A</a></div>
      <ul class="versions">
        <li class="version is-latest">
          <a href="../../component-a/1.6.0/source-code.html">1.6.0</a>
        </li>
      </ul>
    </li>
    <li class="component is-current">
      <div class="title"><a href="../3.1/index.html">Component B</a></div>
      <ul class="versions">
        <li class="version is-latest">
          <a href="../3.1/index.html">3.1</a>
        </li>
        <li class="version is-current">
          <a href="index.html">2.5-beta.1</a>
        </li>
        <li class="version">
          <a href="../2.0/index.html">2.0</a>
        </li>
        <li class="version">
          <a href="../1.0/index.html">1.0</a>
        </li>
      </ul>
    </li>
  </ul>
</div>
    </div>
  </aside>
</div>
<main class="article">
<div class="toolbar" role="navigation">
<button class="nav-toggle"></button>
  <a href="../3.1/index.html" class="home-link"></a>
<nav class="breadcrumbs" aria-label="breadcrumbs">
  <ul>
    <li><a href="index.html">Component B</a></li>
    <li><a href="index.html">欢迎</a></li>
  </ul>
</nav>
<div class="page-versions">
  <button class="version-menu-toggle" title="Show other versions of page">2.5-beta.1</button>
  <div class="version-menu">
    <a class="version" href="../3.1/index.html">3.1</a>
    <a class="version is-current" href="index.html">2.5-beta.1</a>
    <a class="version" href="../2.0/index.html">2.0</a>
    <a class="version" href="../1.0/index.html">1.0</a>
  </div>
</div>
</div>
  <div class="content">
<aside class="toc sidebar" data-title="Contents" data-levels="2">
  <div class="toc-menu"></div>
</aside>
<article class="doc">
<h1 class="page">欢迎来到 Component B!</h1>
<div id="preamble">
<div class="sectionbody">
<div class="paragraph">
<p>这是 Component B 版本 <strong>2.5-beta.1</strong> 的自动起始页。</p>
</div>
<div class="paragraph">
<p>Component B 是 Antora 演示中的两个文档组件之一。
另一个文档组件，Component A，可以通过页面左侧菜单底部的组件选择器菜单（又名组件抽屉）访问。</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_页面来源"><a class="anchor" href="#_页面来源"></a>页面来源</h2>
<div class="sectionbody">
<div class="paragraph">
<p>此页面来源于名为 <em class="path">index.adoc</em> 的 AsciiDoc 文件，该文件位于 <em class="path">antora-demo-b/docs/modules/ROOT/pages</em>。</p>
</div>
<div class="sect2">
<h3 id="_为什么这是_component_b_的主页"><a class="anchor" href="#_为什么这是_component_b_的主页"></a>为什么这是 Component B 的主页？</h3>
<div class="paragraph">
<p>此页面自动用作Component B 的起始页，因为它存储在 ROOT 模块中并命名为 <em class="path">index.adoc</em>。</p>
</div>
</div>
<div class="sect2">
<h3 id="_为什么这是_antora_演示网站的主页"><a class="anchor" href="#_为什么这是_antora_演示网站的主页"></a>为什么这是 Antora 演示网站的主页？</h3>
<div class="paragraph">
<p>此页面用作 Antora 演示的主页，因为它在演示站点的playbook文件 <em class="path">antora-playbook.yml</em> 中被指定为站点（site）的 <code>start_page</code>。</p>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="sect1-2"><a class="anchor" href="#sect1-2"></a>跳转到此页面的交叉引用语法</h2>
<div class="sectionbody">
<div class="paragraph">
<p>要创建一个 <strong>从 Component B 的 ROOT 模块中的另一个页面转到此页面</strong> 的交叉引用，xref 语法为 <code>xref:index.adoc[]</code>。</p>
</div>
<div class="paragraph">
<p>要创建一个 <strong>从 Component B的Module-One中的一个页面转到此页面</strong> 的交叉引用，xref 语法为 <code>xref:ROOT:index.adoc[]</code>。</p>
</div>
<div class="sect2">
<h3 id="_始终转到到此页面的最新版本"><a class="anchor" href="#_始终转到到此页面的最新版本"></a>始终转到到此页面的最新版本</h3>
<div class="paragraph">
<p>要创建一个 <strong>从 Component A 中的页面转到此页面的最新版本</strong> 的交叉引用，xref 语法为 <code>xref:component-b::index.adoc[]</code>。</p>
</div>
<div class="sect3">
<h4 id="_跳转到此页面的指定版本"><a class="anchor" href="#_跳转到此页面的指定版本"></a>跳转到此页面的指定版本</h4>
<div class="paragraph">
<p>要创建一个 <strong>从 Component A 中的页面转到此页面的1.0版本</strong> 的交叉引用，xref 语法为 <code>xref:1.0@component-b::index.adoc[]</code>。</p>
</div>
</div>
</div>
</div>
</div>
</article>
  </div>
</main>
</div>
<footer class="footer">
  <p>This page was built using the Antora default UI.</p>
  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
</footer>
<script id="site-script" src="../../_/js/site.js" data-ui-root-path="../../_"></script>
<script async src="../../_/js/vendor/highlight.js"></script>
  </body>
</html>
